




<!-- <template>
    <h3 style="text-align: center;">登录页面</h3>
   <table  class="table-bordered" border="1">
    <tr>
      <td>用户名：</td>
      <td><input type="text" placeholder="请输入用户名"  v-model="info.Uname"></td>
    </tr>
    <tr>
      <td>密码：</td>
      <td><input type="password" placeholder="请输入密码" v-model="info.Upwd"></td>
    </tr>
    <tr>
      <td colspan="2" style="text-align: center;">
        <input type="button" @click="SaveData" value="登录" class="btn btn-success">
        <input type="button" value="注册" @click="router.push('/Register')" class="btn btn-danger">  
      </td>
    </tr>
  </table>
</template>
<script setup lang="ts">
    //引入组件
    import { ref } from 'vue';
    //引入axios
    import axios from 'axios';
    //引入路由操作对象
    import { useRouter } from 'vue-router';
    
    import {useUserStore}  from '../../Store/Index.ts'

    //创建仓库的实例
    const userStore = useUserStore();

    //创建路由操作对象实例
    const router = useRouter();
    //创建响应式数据
    const info = ref({
        Uname: '',
        Upwd: ''
    })
    //登录事件
    const SaveData = () => {
        //判断用户名是否为空
        if(info.value.Uname == ''){
            alert('用户名不能为空')
            return;
        }
        //判断密码是否为空
        if(info.value.Upwd == ''){
            alert('密码不能为空')
            return;
        }
        axios({
            //设置请求的地址
            url:"https://localhost:44337/api/Users/UserLogin",
            //设置请求方式
            method:"get",
            //设置请求参数
            params:{
                Uname:info.value.Uname,
                Upwd:info.value.Upwd
            }
        }).then(function(res){
           console.log(res.data);

            if(res.data.RM_Id==1)
            {
                alert(res.data.RM_Name);
                 
            }else if(res.data.RM_Id==2){
              alert(res.data.RM_Name);
            }else if(res.data.RM_Id==0)
            {  
              //登录成功
              alert(res.data.RM_Name);
              //将用户编号保存到仓库中
              userStore.Uid = res.data.RM_Data[0].U_Id;
              alert(userStore.Uid)
              //验证用户是否完善个人信息方法
              SearchUserInfo(res.data.RM_Data[0].U_Id);
            }else{
              alert('登录失败')
            }
        }).catch(function(err){
            //请求失败执行
             console.log(err);
        })
    }
//验证用户是否完善个人信息方法
const SearchUserInfo =(Uid:string)=>{
       axios.get('https://localhost:44337/api/Users/SearchUserInfo',{
           params:{
              Uid:Uid
           }
       }).then(res=>{
            if(res.data>0)
            {
               router.push('/ShowUserInvestinfo')
            }else{
              //跳转用户详情页
              router.push(
              //方式一(自己查取值)
                  {
                    name:"UserRegister",
                    params:{
                      Uid:Uid
                    }
                  })
            }
       }).then(error=>{
           console.log(error);
       })
}
</script> -->


<template>

<!-- BEGIN LOGO -->
<head>
<meta charset="utf-8">
<title>Login Template</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="../../../src/assets/DomCss/css/pure-nr-min.css">
<link rel="stylesheet" href="../../../src/assets/DomCss/css/main.css">
<link rel="stylesheet" href="../../../src/assets/DomCss/css/login.css">
<link rel="stylesheet" href="../../../src/assets/DomCss/js/icheck/skins/minimal/blue.css">
</head>
<body>

<!-- END LOGO -->
<!-- BEGIN LOGIN -->  
<div class="pure-g content">
	<div class="pure-form pure-u-1" >
        <h4>请登录您的账号</h4>
        <fieldset class="pure-group">
            <input type="text" class="pure-input-1" placeholder="用户名" required autofocus v-model="info.Uname">
            <input type="password" class="pure-input-1" placeholder="密　码" required v-model="info.Upwd">
        </fieldset>
		<label for="remeberMe" class="pure-checkbox">
            <input id="remeberMe" name="remeberMe" type="checkbox" value="1"> 30天内免登陆
        </label>
        <button class="pure-button pure-u-1 pure-button-primary" type="button" @click="SaveData">登　录</button>
      </div>
</div>
</body>
</template>


<script setup lang="ts">
     //引入组件
     import { ref } from 'vue';
    //引入axios
    import axios from 'axios';
    //引入路由操作对象
    import { useRouter } from 'vue-router';
    
    import {useUserStore}  from '../../Store/Index.ts'

    //创建仓库的实例
    const userStore = useUserStore();

    //创建路由操作对象实例
    const router = useRouter();
    //创建响应式数据
    const info = ref({
        Uname: '',
        Upwd: ''
    })
    //登录事件
    const SaveData = () => {
        //判断用户名是否为空
        if(info.value.Uname == ''){
            alert('用户名不能为空')
            return;
        }
        //判断密码是否为空
        if(info.value.Upwd == ''){
            alert('密码不能为空')
            return;
        }
        axios({
            //设置请求的地址
            url:"https://localhost:44337/api/Users/UserLogin",
            //设置请求方式
            method:"get",
            //设置请求参数
            params:{
                Uname:info.value.Uname,
                Upwd:info.value.Upwd
            }
        }).then(function(res){
           console.log(res.data);

            if(res.data.RM_Id==1)
            {
                alert(res.data.RM_Name);
                 
            }else if(res.data.RM_Id==2){
              alert(res.data.RM_Name);
            }else if(res.data.RM_Id==0)
            {  
              //登录成功
              alert(res.data.RM_Name);
              //将用户编号保存到仓库中
              userStore.Uid = res.data.RM_Data[0].U_Id;
              alert(userStore.Uid)
              //验证用户是否完善个人信息方法
              SearchUserInfo(res.data.RM_Data[0].U_Id);
            }else{
              alert('登录失败')
            }
        }).catch(function(err){
            //请求失败执行
             console.log(err);
        })
    }
//验证用户是否完善个人信息方法
const SearchUserInfo =(Uid:string)=>{
       axios.get('https://localhost:44337/api/Users/SearchUserInfo',{
           params:{
              Uid:Uid
           }
       }).then(res=>{
            if(res.data>0)
            {
               router.push('/ShowUserInvestinfo')
            }else{
              //跳转用户详情页
              router.push(
              //方式一(自己查取值)
                  {
                    name:"UserRegister",
                    params:{
                      Uid:Uid
                    }
                  })
            }
       }).then(error=>{
           console.log(error);
       })
}
</script>

